<template>
	<div>
		<el-row>
			<el-col :span="5">
				<el-button @click="tf" style="width: 100px;margin-left: 1000px;">退费</el-button>
			</el-col>
			<el-col :span="4">
				<el-button @click="ab" style="width: 100px;margin-left: 850px;">返回</el-button>
			</el-col>
		</el-row>

		<div style="width: 100%;height: 1000px;">
			<div style="width: 63%; height: 650px;">

				<h1 style="width: 430px;margin-left: -5px;">订单详情-已收费-西/成药处方</h1>
				<el-row>
					<el-col :span="5">
						<el-button @click="xc" style="width: 115px;margin-left: 10px;">西/成药处方1</el-button>
					</el-col>
					<el-col :span="5">
						<el-button @click="zy" style="width: 100px;margin-left: 20px;">中药处方2</el-button>
					</el-col>
					<el-col :span="5">
						<el-button @click="jc" style="width: 100px;margin-left: 30px;">检查项目3</el-button>
					</el-col>
				</el-row>

				<el-table :data="table">
					<el-table-column prop="id" label="序号"></el-table-column>
					<el-table-column prop="name" label="收费名称"></el-table-column>
					<el-table-column prop="price" label="单价(元)"></el-table-column>
					<el-table-column prop="gross" label="总量"></el-table-column>
					<el-table-column prop="monad" label="单位"></el-table-column>
					<el-table-column prop="retail" label="零售金额(元)"></el-table-column>
					<el-table-column prop="discount" label="折扣"></el-table-column>
					<el-table-column prop="converts" label="折扣金额(元)"></el-table-column>
				</el-table>
			</div>



			<div style="width: 30%;height: 200px;  margin-top: -650px; margin-left: 1220px;">
				<h1 style="width: 130px;">人员信息</h1>
				<el-form :model="ryform">
					<el-row>
						<el-col :span="8">
							<el-form-item label="患者编号">
								<el-input v-model="ryform.id"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="患者姓名">
								<el-input v-model="ryform.name"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="年龄">
								<el-input v-model="ryform.age"></el-input>
							</el-form-item>
						</el-col>
					</el-row>

					<el-row>
						<el-col :span="8">
							<el-form-item label="性别">
								<el-input v-model="ryform.sex"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="手机">
								<el-input v-model="ryform.phone"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="会员等级">
								<el-input v-model="ryform.members"></el-input>
							</el-form-item>
						</el-col>
					</el-row>

					<el-row>
						<el-col :span="12">
							<el-form-item label="积分">
								<el-input v-model="ryform.serialnumber"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="账户余额">
								<el-input v-model="ryform.accounts"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
			</div>

			<div style="width: 30;height: 200px; margin-top: 180px; margin-left: 1220px;">
				<h1 style="width: 130px;margin-left: -5px;">接诊信息</h1>
				<el-form :model="jzform">
					<el-row>
						<el-col :span="12">
							<el-form-item label="门诊编号">
								<el-input v-model="jzform.id"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item label="科室">
								<el-input v-model="jzform.subname"></el-input>
							</el-form-item>
						</el-col>
					</el-row>

					<el-row>
						<el-col :span="8">
							<el-form-item label="接诊医生">
								<el-input v-model="jzform.docname"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="接诊日期">
								<el-input v-model="jzform.vipenddate"></el-input>
							</el-form-item>
						</el-col>
						<el-col :span="8">
							<el-form-item label="接诊类型">
								<el-input v-model="jzform.mname"></el-input>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				table: [],
				ryform: {},
				jzform: {}
			}
		},
		created: function() {
			this.initData();
		},
		methods: {
			tf() {
				this.$router.push("/Premium");
			},
			xc() {
				this.$router.push("/HasCharge");
			},
			zy() {
				this.$router.push("/Premium");
			},
			jc() {
				this.$router.push("/Hasrefund");
			},
			ab() {
				this.$router.push("/About");
			},
			initData() {
				this.axios.get('http://localhost:9090/canner/clist').then((res) => {
					this.table = res.data;
					console.log(res.data)
				})
			}
		}
	}
</script>

<style>

</style>
